<!DOCTYPE html>
<html>
	<head>
		<title>咨询</title>
		<meta name="description" content="咨询"/>
        <meta name="keywords" content="咨询"/>
        <meta charset="utf-8">
        <meta name="robots" content="all" />
        <meta name="author" content="biaofan.com.cn" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
		<link href="css/am.css" rel="stylesheet"/>
		<link href="css/iconfont.css" rel="stylesheet"/>
		<link href="css/style.css" rel="stylesheet"/>
        <link rel="stylesheet" href="css/flexslider.css">
		<script src="js/jquery.js"></script>
        <script src="js/jquery.flexslider.js"></script>
	</head>
	<body>
    
    <div class="webpage">
        <div class="page-news">
            <div class="search fadeInUp wow">
                <form action="">
                    <input class="am" type="text" placeholder="输入您要查找的关键词...">
                    <button><i class="iconfont icon-sousuo"></i></button>
                </form>
            </div>
            <div class="range_backdrop clear fadeInUp wow">
                <a class="am active fle"><p>全部资讯</p></a>
                <a class="am fle"><p>标梵动态</p></a>
                <a class="am fle"><p>行业资讯</p></a>
                <a class="am fle"><p>通知公告</p></a>
            </div>
            <div class="tab_theme">                                 
                <div class="swiper-container swiper_one">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><!-- 第1组切换 -->
                            <div class="news-list">
                                <ul class="zixunlist">
                                    <li class="clear wow">
                                        <a href="newsView.html">
                                            <div class="pic fl">
                                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                                            </div>
                                            <div class="text fr">
                                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                                <p>2018-09-10</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="clear wow">
                                        <a href="">
                                            <div class="pic fl">
                                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                                            </div>
                                            <div class="text fr">
                                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                                <p>2018-09-10</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="clear wow">
                                        <a href="">
                                            <div class="pic fl">
                                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                                            </div>
                                            <div class="text fr">
                                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                                <p>2018-09-10</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="clear wow">
                                        <a href="">
                                            <div class="pic fl">
                                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                                            </div>
                                            <div class="text fr">
                                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                                <p>2018-09-10</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="clear wow">
                                        <a href="">
                                            <div class="pic fl">
                                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                                            </div>
                                            <div class="text fr">
                                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                                <p>2018-09-10</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="clear wow">
                                        <a href="">
                                            <div class="pic fl">
                                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                                            </div>
                                            <div class="text fr">
                                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                                <p>2018-09-10</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="clear wow">
                                        <a href="">
                                            <div class="pic fl">
                                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                                            </div>
                                            <div class="text fr">
                                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                                <p>2018-09-10</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="clear wow">
                                        <a href="">
                                            <div class="pic fl">
                                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                                            </div>
                                            <div class="text fr">
                                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                                <p>2018-09-10</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="clear wow">
                                        <a href="">
                                            <div class="pic fl">
                                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                                            </div>
                                            <div class="text fr">
                                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                                <p>2018-09-10</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="clear wow">
                                        <a href="">
                                            <div class="pic fl">
                                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                                            </div>
                                            <div class="text fr">
                                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                                <p>2018-09-10</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>                        
                        </div>
                        <div class="swiper-slide"><!-- 第2组切换 -->
                            <div class="news-list">
                                <ul class="zixunlist">
                                    <li class="clear wow">
                                        <a href="">
                                            <div class="pic fl">
                                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                                            </div>
                                            <div class="text fr">
                                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                                <p>2018-09-10</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="clear wow">
                                        <a href="">
                                            <div class="pic fl">
                                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                                            </div>
                                            <div class="text fr">
                                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                                <p>2018-09-10</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>                    
                        </div>
                        <div class="swiper-slide"><!-- 第3组切换 -->
                            <div class="news-list">
                                <ul class="zixunlist">
                                    <li class="clear wow">
                                        <a href="">
                                            <div class="pic fl">
                                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                                            </div>
                                            <div class="text fr">
                                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                                <p>2018-09-10</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="clear wow">
                                        <a href="">
                                            <div class="pic fl">
                                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                                            </div>
                                            <div class="text fr">
                                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                                <p>2018-09-10</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>                        
                        </div>
                        <div class="swiper-slide"><!-- 第4组切换 -->
                            <div class="news-list">
                                <ul class="zixunlist">
                                    <li class="clear wow">
                                        <a href="">
                                            <div class="pic fl">
                                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                                            </div>
                                            <div class="text fr">
                                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                                <p>2018-09-10</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="clear wow">
                                        <a href="">
                                            <div class="pic fl">
                                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                                            </div>
                                            <div class="text fr">
                                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                                <p>2018-09-10</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>                          
                        </div>
                    </div>
                </div>
            </div>
            <div class="pagination"><span class="swiper-pagination-switch"></span></div>
        </div>

        <div class="gotop fadeInUp wow">
            <p>—— 已经到底了哦，点我回顶部吧！ ——</p>
        </div>

        <div class="bottom-navigation">
            <ul class="clear navigatio">
                <li class="fl">
                    <a href="index.html">
                        <i class="iconfont icon-home"></i>
                        <p>首页</p>
                    </a>
                </li>
                <li class="fl active">
                    <a href="news.html">
                        <i class="iconfont icon-barrage_fill"></i>
                        <p>资讯</p>
                    </a>
                </li>
                <li class="fl">
                    <a href="personalCenter-Normal.html">
                        <i class="iconfont icon-my"></i>
                        <p>个人中心</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>



    <style>
        
        
    </style>
    
    <script src="js/base.js"></script>
    <script src="js/wow.min.js"></script>
    <link rel="stylesheet" href="css/swiper.css">
    <script src="js/swiper.js"></script>
    <script>
        $('.gotop').click(function() {
                $('body,html').animate({
                        "scrollTop": 0
                },
                1000)
        });
        jQuery(document).ready(function($){
            var tabsSwiper = new Swiper('.swiper_one',{
                loop:false,
                grabCursor: true,
                speed:300,
                autoplay: false,
                pagination: '.pagination',
                paginationClickable: true,
                onSlideChangeStart: function() {
                    var a = $(".range_backdrop a").eq(tabsSwiper.activeLoopIndex);
                    a.addClass("active").siblings().removeClass('active');
                }
            })
            $(".range_backdrop a").on('click',function(e){
                e.preventDefault()
                $(".range_backdrop .active").removeClass('active')
                $(this).addClass('active')
                tabsSwiper.swipeTo( $(this).index() )
            })
        });

        var time;
        var thisObj = $('ul.zixunlist');
        time = setTimeout(function(){
            thisObj.find("li").each(function(i){
                var tA = $(this);
                setTimeout(function(){
                    tA.addClass('fadeInUp',300).fadeIn('fast');
                },150*i);
            });
        },200);
        $('.historybg').addClass('fadeInUp').fadeIn('fast');
            
        
    </script>
	</body>
</html>
